.content {

  .banner {
    height: 190px;

    >img {
      width: 100%;
      height: 100%;
    }
  }

  .title {
    padding-left: 240px;
    height: 80px;
    background-color: #08c5c8;
    font-size: 0;

    >div {
      padding-top: 22px;
      width: 158px;
      height: 100%;
      text-align: center;
      display: inline-block;
      box-sizing: border-box;

      >p:first-child {
        font-size: 20px;
        color: #fff;
      }

      >p:last-child {
        padding-top: 8px;
        font-size: 10px;
        color: #fff;
      }
    }

    .title1 {
      background-color: #ffd203;
    }
  }

  .all {
    height: 170px;
    background-image: url('../images/gr-bg.png');

    >button:not(:first-child) {
      padding: 14px 26px;
      font-size: 18px;
      color: #656565;
      outline: none;
      border-radius: 30px;
      border: 1px solid #656565;
      letter-spacing: 2px;
      background-image: url('../images/gr-bg.png');
      cursor: pointer;
    }

    >button:first-child {
      padding: 14px 26px;
      font-size: 18px;
      color: #fff;
      outline: none;
      border-radius: 30px;
      border: 1px solid #656565;
      letter-spacing: 2px;
      background-color: #11b3a5;
      cursor: pointer;
    }
  }
}